.product_bg{
height:auto;width:100%;overflow:hidden;
position:static;background-size:100% 100%;height: auto;
background-size: cover;  background-attachment: fixed;
}

.product{margin:80px 0px 100px 0px;color:#fff;position:relative;color:#333;height:auto}
.product .cat_box{height:auto;margin-top: 41px}
/*.product .cat{background:#dbe7f4;font-size:16px;line-height:60px;padding-left:30px}*/
.product .cat{font-size:16px;line-height:60px;padding-left:5px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.product .cat img{
	height: 40px;width: 40px;justify-content: center;padding-right: 5px
}
.product .cat_bg{background-image:url(/static/tn105/img/product_cat_bg.png);background-position: right;color: #fff; background-repeat: no-repeat;}
.product .cat_bg2{background-image:url(/static/tn105/img/product_cat_bg2.png);background-position: right;background-repeat: no-repeat;}

/*.product .active{color:rgba(255,255,255,1);background:#155bb5}*/

.product .tit_box{height:auto}
.product .tit{margin:20px 0px 0px 0px;font-size: 32px;color:#1d1d1d;font-weight: bold;text-align: left; padding-top: 40px}
.product .tit img{width:323px }
.product .pic_main_box{margin:0px 0px;background-color: rgb(255 255 255 /0.9); height: auto}
.product .pic_main_img{padding:30px }
.product .pic_main_img img{box-shadow: 10px 10px 11px #adadad;border: 1px solid  #eee;height:310px;object-fit: cover;object-position: top;}

.product .pic_main_text{padding:30px }
.product .pic_main_text .name{font-size:24px;margin:30px 0px;font-weight: bold; }
.product .pic_main_text .des{font-size:24px;margin:20px 0px; font-size: 16px;line-height: 2.5}
.product .pic_item_box{height:auto; }
.product .pic_item { border:5px solid #fff; }
.product .pic_item .pic{width:100%;height:310px;overflow: hidden;background-color: #fff; }
.product .pic_item .pic img{width:100%;height:100%; overflow: hidden;object-fit: cover;object-position: top;}
.product .pic_item .name{height:50px; width: 100%;background-color: #fff;line-height: 50px;font-size: 16px;text-align: center;}
.product .pic_item .name i{position: absolute; right: 20px}
.product .pic_item:hover .pic img{ transform: scale(1.1);    transition: all 1s ease }
.product .pic_item:hover .name{ background-color:#155bb5;color:#fff }
.product .pic_item:hover .name i{ position: absolute; right: 30px;color: #fff}

.product .but_box{position:relative;width:420px;height:70px;margin:0 auto;cursor:pointer; margin-top: 30px}
.product .but_box a{cursor:pointer}
.product .but_box p{display:block;position:absolute;top:8%;width:100%;left:0;z-index:3;font-size:20px;font-weight:bold;color:#FFFFFF;text-align:center}
.product .but_box::before{content:"";display:block;position:absolute;top:0;left:0;width:95%;height:71%;margin:0 auto;background:#155bb5;transform:skewX(-25deg);z-index:2;transition:all .5s ease}
.product .but_box:hover::before{background:#E60012}
.product .but_box::after{content:"";display:block;position:absolute;top:10px;left:7px;width:95%;height:71%;margin:0 auto;background:rgba(21,91,181,0.40);transform:skewX(-25deg)}

/*.slideTxtBox .hd{height:30px;line-height:30px;background:#f4f4f4;padding:0 10px 0 20px;border-bottom:1px solid #ddd;position:relative}
.slideTxtBox .hd ul{float:left;position:absolute;left:20px;top:-1px;height:32px}
.slideTxtBox .hd ul li{float:left;padding:0 15px;cursor:pointer}
.slideTxtBox .hd ul li.on{height:30px;background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff}
.slideTxtBox .bd ul{padding:15px;zoom:1}
.slideTxtBox .bd li{height:24px;line-height:24px}
.slideTxtBox .bd li .date{float:right;color:#999}
*/



.product .pic_item2 {height:150px ;background-color: #fff;border-radius: 1px 75px 75px 1px;border: 5px solid #fff;position:relative;}


.product .pic_item2 .pic{width:100%;height:150px;overflow: hidden;background-color: #fff; border-radius: 1px 75px 75px 1px}
.product .pic_item2 .pic img{width:100%;height:100%; overflow: hidden;object-fit: cover;object-position: top;border-radius: 1px 75px 75px 1px}



.product .pic_item2 .but{position: absolute;z-index: 2; bottom: 10px;right: 80px; color: #fff}
.product .pic_item2 .but button{width: 150px}



/* 小于768px  */
@media only screen and (max-width:768px){

.product .pic_main_img img{height: 210px}
.product .but_box{width:320px;}
.product .pic_item .pic{height:160px;}
.product .pic_item .pic img{height:160px;}
.product .but_box p{dfont-size:14px;}
}


@media only screen and (max-width:1300px){
.product .tit img{width:300px }

}